<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="">
  <meta name="keywords" content="鲸鱼">
	<title>战省分析</title>
	<link rel="stylesheet" href="css/daterangepicker.css">
	<link rel="stylesheet" href="css/style.css">
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/moment.min.js"></script>
	<script type="text/javascript" src="js/jquery.daterangepicker.js"></script>
	<script type="text/javascript" src="js/highchart.js"></script>
	<script type="text/javascript" src="js/grid.js"></script>
	<script type="text/javascript" src="js/common.js"></script>
	<style>
		.show-area{display: none;}
	</style>
	<script>
		$(function(){

			//日期选择
			$('#date-select').dateRangePicker({
				autoClose: true,
				singleDate : true,
				showShortcuts: false,
				beforeShowDay: function(t)
				{
					var n = new Date();
					n.setDate(n.getDate());
					var m = n.getTime();
					var valid = !(t.getTime()>m);  //disable saturday and sunday
					var _class = '';
					var _tooltip = valid ? '' : '超过当天日期不可选';
					return [valid,_class,_tooltip];
				}
			});

			var d = new Date().Format('yyyy-MM-dd');
			$('#date-select').val(d);

			

		});
		//查询操作
    function checkInfo2(){
			$('.show-area').show();
		}


    
	</script>
	<style>
		.data-table{border-color: #d9d9d9;}
		.data-table .tr2{background: #f2f2f2;}
		.search-area .date label{float: left;line-height: 27px;}
		.search-area .date input{margin-left: 0;float: left;}
		.search-area .date input.search{margin-top: 0;color: #fff;border:none;width: 80px;height: 27px;}
		.data-table2{margin:0;width: 180%}
	</style>
</head>
<body>
	<div class="analyseBox">
		<p class="head-title">战省分析</p>
		<div class="search-area">
			<div class="area1">
				<div class="date" style="margin-left:0;">
					<label for="date-select">选择日期：</label><input type="text" id="date-select" size="15">
					<input type="button" value="查询" class="search" onclick="checkInfo2()">
				</div>
			</div>
		</div>
		<div class="show-area">
			<div class="box">
				<div class="opespan">
					<p class="chart-title">战省日均订单数统计</p>
					<p class="operator"><span>全屏查看</span></p>
				</div>
				<div class="sexdiv">
					<a href="" class="export">导出数据↓</a>
				</div>
				<div class="tablediv">
					<table class="table" cellpadding="0" cellspacing="0" border="2" border-spacing='0' bordercolor="#000">
						<tr>
							<th rowspan="2">战省</th>
							<th rowspan="2">战省省长</th>
							<th rowspan="2">收税官</th>
							<th colspan="2">历史峰值日对照表</th>
							<th rowspan="2">2017-05-16</th>
							<th rowspan="2">近7日日均笔数</th>
							<th rowspan="2">近30日日均笔数</th>
							<th colspan="4">近3个月日均笔数</th>
						</tr>
						<tr class="tr2">
							<td>日期</td>
							<td>笔数</td>
							<td>2017年3月</td>
							<td>2017年4月</td>
							<td>2017年5月</td>
							<td>近3月日均笔数</td>
						</tr>
						<tr>
							<td>0-20岁</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
						</tr>
						<tr>
							<td>0-20岁</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
						</tr>
					</table>
				</div>
			</div>
			<div class="box">
				<div class="opespan">
					<p class="chart-title">战省数据排名（天）</p>
					<p class="operator"><span>全屏查看</span></p>
				</div>
				<div class="sexdiv">
					<a href="" class="export">导出数据↓</a>
				</div>
				<div class="tablediv">
					<table class="table" cellpadding="0" cellspacing="0" border="2" border-spacing='0' bordercolor="#000">
						<tr>
							<th colspan="4">战省信息</th>
							<th colspan="6">拉新</th>
							<th colspan="14">促活</th>
							<th colspan="10">维护</th>
						</tr>
						<tr class="tr2">
							<td rowspan="2">战省</td>
							<td rowspan="2">省长</td>
							<td rowspan="2">副省长</td>
							<td rowspan="2">收税官</td>
							<td colspan="2">新注册量排行</td>
							<td colspan="2">新投资用户排行</td>
							<td colspan="2">新绑卡用户排行</td>
							<td colspan="2">定期交易排行</td>
							<td colspan="2">活期交易排行</td>
							<td colspan="2">订单数排行</td>
							<td colspan="2">67wm订单数排行</td>
							<td colspan="6">红包活动参与用户</td>
							<td colspan="2">忠诚用户</td>
							<td colspan="2">复投用户</td>
							<td colspan="2">沉默用户</td>
							<td colspan="2">流失用户</td>
							<td colspan="2">用户生命周期（天）</td>
						</tr>
						<tr class="tr2">
							<td>注册量</td>
							<td>排行</td>
							<td>投资用户量</td>
							<td>排行</td>
							<td>绑卡用户量</td>
							<td>排行</td>
							<td>投资总金额</td>
							<td>排行</td>
							<td>投资总金额</td>
							<td>排行</td>
							<td>订单数</td>
							<td>排行</td>
							<td>订单数</td>
							<td>排行</td>
							<td>参与人数</td>
							<td>排行</td>
							<td>投资额</td>
							<td>排行</td>
							<td>分享次数</td>
							<td>排行</td>
							<td>人数</td>
							<td>排行</td>
							<td>人数</td>
							<td>排行</td>
							<td>人数</td>
							<td>排行</td>
							<td>人数</td>
							<td>排行</td>
							<td>平均生命长度</td>
							<td>排行</td>
						</tr>
						<tr>
							<td>0-20岁</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
						</tr>
					</table>
				</div>
			</div>
			<div class="box">
				<div class="opespan">
					<p class="chart-title">战省数据排名（月）</p>
					<p class="operator"><span>全屏查看</span></p>
				</div>
				<div class="sexdiv">
					<a href="" class="export">导出数据↓</a>
				</div>
				<div class="tablediv">
					<table class="table" cellpadding="0" cellspacing="0" border="2" border-spacing='0' bordercolor="#000">
						<tr>
							<th colspan="4">战省信息</th>
							<th colspan="6">拉新</th>
							<th colspan="14">促活</th>
							<th colspan="10">维护</th>
						</tr>
						<tr class="tr2">
							<td rowspan="2">战省</td>
							<td rowspan="2">省长</td>
							<td rowspan="2">副省长</td>
							<td rowspan="2">收税官</td>
							<td colspan="2">新注册量排行</td>
							<td colspan="2">新投资用户排行</td>
							<td colspan="2">新绑卡用户排行</td>
							<td colspan="2">定期交易排行</td>
							<td colspan="2">活期交易排行</td>
							<td colspan="2">订单数排行</td>
							<td colspan="2">67wm订单数排行</td>
							<td colspan="6">红包活动参与用户</td>
							<td colspan="2">忠诚用户</td>
							<td colspan="2">复投用户</td>
							<td colspan="2">沉默用户</td>
							<td colspan="2">流失用户</td>
							<td colspan="2">用户生命周期（天）</td>
						</tr>
						<tr class="tr2">
							<td>注册量</td>
							<td>排行</td>
							<td>投资用户量</td>
							<td>排行</td>
							<td>绑卡用户量</td>
							<td>排行</td>
							<td>投资总金额</td>
							<td>排行</td>
							<td>投资总金额</td>
							<td>排行</td>
							<td>订单数</td>
							<td>排行</td>
							<td>订单数</td>
							<td>排行</td>
							<td>参与人数</td>
							<td>排行</td>
							<td>投资额</td>
							<td>排行</td>
							<td>分享次数</td>
							<td>排行</td>
							<td>人数</td>
							<td>排行</td>
							<td>人数</td>
							<td>排行</td>
							<td>人数</td>
							<td>排行</td>
							<td>人数</td>
							<td>排行</td>
							<td>平均生命长度</td>
							<td>排行</td>
						</tr>
						<tr>
							<td>0-20岁</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
						</tr>
					</table>
				</div>
			</div>
			<div class="box">
				<div class="opespan">
					<p class="chart-title">战省有效新增、复投人数统计</p>
					<p class="operator"><span>全屏查看</span></p>
				</div>
				<div class="sexdiv">
					<a href="" class="export">导出数据↓</a>
				</div>
				<div class="tablediv">
					<table class="table" cellpadding="0" cellspacing="0" border="2" border-spacing='0' bordercolor="#000">
						<tr>
							<th rowspan="2">战省</th>
							<th rowspan="2">战省省长</th>
							<th rowspan="2">收税官</th>
							<th colspan="3">有效新增投资人数</th>
							<th colspan="2">有效复投投资人数</th>
						</tr>
						<tr class="tr2">
							<td>2017-5-16</td>
							<td>5月份</td>
							<td>第二季度累计</td>
							<td>5月份</td>
							<td>第二季度累计</td>
						</tr>
						<tr>
							<td>0-20岁</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
						</tr>
						<tr>
							<td>0-20岁</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
							<td>81</td>
						</tr>
					</table>
				</div>
			</div>
		</div>
	</div>
</body>
</html>